<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班级竞赛</title>
    <link rel="stylesheet" href="./css/index.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <header>
        <div class="header-biaoti">
            <h1>班级竞赛</h1>
            <p>软件web班</p>
            <p>2025 年 05 月 09 日</p>
        </div>
        <!-- 这是头部标题的html -->
        <nav>
            <a href="#jieshao" target="_blank">竞赛介绍</a>
            <a href="#xuanshou" target="_blank">参赛选手</a>
            <a href="#guize" target="_blank">竞赛规则</a>
            <a href="#chengji" target="_blank">成绩展示</a>
        </nav>
        <!-- 这是导航栏的html -->
    </header>
    <main>
        <section class="main-introduce">
            <h2 id="jieshao">竞赛介绍</h2>
            <p>本班级竞赛旨在提高同学们的学习积极性和团队协作能力,通过竞赛的形式激发同学们的学习热情,促进班级整体学习氛围的提升。竞赛形式为个人赛,涵盖语文、数学、英语等学科</p>
        </section>
        <!-- 这是竞赛介绍的html -->
        <section class="main-player">
            <h2 id="xuanshou">参赛选手</h2>
            <div class="main-player1">
                <div>
                    <img src="./image/zhangsan.jpg" alt="张三" title="张三">
                </div>
                <p>姓名：张三 简介:勤奋好学,成绩优异</p>
            </div>
            <div class="main-player1">
                <div>
                    <img src="./image/lisi.jpg" alt="李四" title="李四">
                </div>
                <p>姓名:李四 简介:思维敏捷,善于思考</p>
            </div>
            <div class="main-player1">
                <div>
                    <img src="./image/zhangsan.jpg" alt="王五" width="100%" title="王五">
                </div>
                <p>姓名:王五 简介:学习刻苦,进步显著</p>
            </div>
        </section>
        <!-- 这是参赛选手的html -->
        <section class="main-rule">
            <h2 id="guize">竞赛规则</h2>
            <ol>
                <li>竞赛时间为1小时,选手需要在规定时间内完成所有题目。</li>
                <li>竞赛题目包括选择题 填空题和简答题,总分为100分。</li>
                <li>选手需独立完成竞赛,不得抄袭或作弊,否则取消比赛资格。</li>
                <li>根据选手的最终成绩进行排名,评选出一等奖1名,二等奖2名,三等奖3名。</li>
            </ol>
        </section>
        <!-- 这是参赛规则的html -->
        <section class="main-achievement">
            <h2 id="chengji">成绩展示</h2>
            <table rules="all" frame="box">
                <tr>
                    <th>姓名</th>
                    <th>语文</th>
                    <th>数学</th>
                    <th>英语</th>
                    <th>总分</th>
                </tr>
                <tr>
                    <th>张三</th>
                    <td>90</td>
                    <td>95</td>
                    <td>88</td>
                    <td>273</td>
                </tr>
                <tr>
                    <th>李四</th>
                    <td>85</td>
                    <td>88</td>
                    <td>92</td>
                    <td>265</td>
                </tr>
                <tr>
                    <th>王五</th>
                    <td>80</td>
                    <td>82</td>
                    <td>88</td>
                    <td>250</td>
                </tr>
            </table>
        </section>
        <!-- 这是成绩展示的html -->
    </main>
    <footer>
        <p>班级口号:团结、奋进、拼搏、向上</p>
        <p>制作人:闫旭婷</p>
    </footer>
    <!-- 这是页尾的html -->
</body>

</html>